<!DOCTYPE html>
<html lang="zh" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:th="http://www.thymeleaf.org">
<head>
	<th:block th:include="include :: header('表格数据')" />
</head>
<body class="gray-bg">
     <div class="container-div">
		 <div class="col-sm-12 search-collapse">
			 <p class="select-title">多级联动下拉查询</p>
			 <form id="cxselect-form">
				 <div class="select-list">
					 <ul id="element">

						 <li>
							 <label style="width: 80px">任务类型:</label>
							 <select class="type" data-none-selected-text="请选择" multiple>
								 <option value="">2018</option>
								 <option value="0">2019</option>
								 <option value="1">2020</option>
								 <option value="2">2021</option>
								 <option value="3">2022</option>
							 </select>
						 </li>
						 <li>
							 <label style="width: 80px"> 任务年限：</label>
							<select class="router" data-none-selected-text="请选择" multiple>
								 <option value="">2018</option>
								 <option value="0">2019</option>
								 <option value="1">2020</option>
								 <option value="2">2021</option>
								 <option value="3">2022</option>
						 </select>
						 </li>
						 <li>
							 <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
							 <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('cxselect-form')"><i class="fa fa-refresh"></i>&nbsp;重置</a>
						 </li>
					 </ul>
				 </div>
			 </form>
		 </div>
		<div class="row">
			<div class="col-sm-12 select-table table-striped">

				<table id="bootstrap-table" class="table table-condensed">
					<thead>
					<tr>
						<th>
							报表序号
						</th>
						<th style="width: 90px">
							所属企业
						</th>
						<th style="width: 90px">
							公司名称
						</th>
						<th style="width: 100px">
							项目名称
						</th>
						<th style="width: 95px">
							项目类别
						</th>
						<th style="width: 95px;">
							立项部门
						</th>
						<th style="width: 60px">
							立项文号
						</th>
						<th style="width: 140px">
							项目内容
						</th>
						<th style="width: 80px">
							扶持资金
						</th>
						<th>
							项目起止时间
						</th>
						<th style="width:100px ">
							进展情况
						</th>
						<th style="width: 80px">
							是否验收
						</th>
						<th>
							预计收益
						</th>

					</tr>


					</thead>
					<tbody>
					<tr>
						<td>
							<text>1</text>
						</td>
						<td>
							<text>广东省电子信息产业集团有限公司</text>
						</td>
						<td>
							<text>深圳市南和移动通信科技股份有限公司</text>
						</td>
						<td>
							<text>3G老人定位器</text>
						</td>
						<td>
							<text>自主研发</text>
						</td>
						<td>
							<text>研发部</text>
						</td>
						<td>
							<text>无</text>
						</td>
						<td>
							<text>此项目是一款定位器产品，只有几个快捷按键和SOS键，没有屏幕显示，配合后台使用，通过后台推送快捷拨号的电话号码和天气预报按侧键播报，并可以上传位置信息，可以在后台服务器查看定位器的位置和运动轨迹。并可按SOS按键主动报警，通知快捷联系人</text>
						</td>
						<td>
							<text>无</text>
						</td>
						<td>
							<div class="input-group date">
								<text>2016年2至2016年12月</text>
							</div>
						</td>
						<td>
							<text>完成</text>
						</td>
						<td>
							<text>是</text>
						</td>

					</tr>
					<tr>
						<td>
							<text>2</text>
						</td>
						<td>
							<text>广东省电子信息产业集团有限公司</text>
						</td>
						<td>
							<text>深圳市南和移动通信科技股份有限公司</text>
						</td>
						<td>
							<text>3G老人定位器</text>
						</td>
						<td>
							<text>自主研发</text>
						</td>
						<td>
							<text>研发部</text>
						</td>
						<td>
							<text>无</text>
						</td>
						<td>
							<text>无</text>
						</td>
						<td>
							<text>无</text>
						</td>
						<td>
							<div class="input-group date"> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
								<text>2016年2至2016年12月</text>
							</div>
						</td>
						<td>
							<text>完成</text>
						</td>
						<td>
							<text>是</text>
						</td>
					</tr>
					<tr>
						<td>
							<text>1</text>
						</td>
						<td>
							<input class="form-control" name="" placeholder="请输入文本" type="text">
						</td>
						<td>
							<input class="form-control" name="" placeholder="请输入文本" type="text">
						</td>
						<td>
							<input class="form-control" name="" placeholder="请输入文本" type="text">
						</td>
						<td>
							<select class="form-control" name="">
								<option>选项 1</option>
								<option>选项 2</option>
							</select>
						</td>
						<td>
							<select class="form-control" name="">
								<option>部门 1</option>
								<option>部门 2</option>
							</select>
						</td>
						<td>
							<input class="form-control" name="" placeholder="请输入文本" type="text">
						</td>
						<td>
							<input class="form-control" name="" placeholder="请输入文本" type="text">
						</td>
						<td>
							<input class="form-control" name="" placeholder="请输入文本" type="text">
						</td>

						<td>
							<div class="input-group date"> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
								<input class="form-control" type="text" value="2018-04-20">
							</div>
							---
							<div class="input-group date"> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
								<input class="form-control" type="text" value="2018-04-20">
							</div>
						</td>
						<td>
							<select class="form-control" name="">
								<option>完成</option>
								<option>未完成</option>
							</select>
						</td>
						<td>
							<select class="form-control" name="">
								<option>是</option>
								<option>否</option>
							</select>
						</td>
						<td>
							<input class="form-control" name="" placeholder="请输入文本" type="text">
						</td>
					</tr>
					<tr>
						<td></td>
						<td style="color: blue" colspan="12">添加1行</td>
					</tr>
					<tr>
						<td>数据项</td>
						<td colspan="12">共3项</td>
					</tr>
					</tbody>
					<tfoot>
						<tr>
							<td colspan="13">
								<button class="btn btn-w-m btn-default">
									保存
								</button>
								<button onclick="save()" class="btn btn-w-m btn-success">
									提交
								</button>
							</td>
						</tr>
					</tfoot>
				</table>

			</div>
		</div>
	</div>
    <div th:include="include :: footer"></div>
    <script th:inline="javascript">
		function save(){
			$.modal.msgSuccess("保存成功");
		}
        function footerStyle(column) {
        	return {
//         	    userBalance: {
//         	        classes: 'class'
//         	    },
        	    userBalance: {
        	        css: { color: 'red', 'font-weight': 'normal' }
        	    }
        	}[column.field]
          }
    </script>
</body>
</html>